<template>
	<view>
		<li-statistics mode="single" :fn="fn" :param.sync="param" :pageData.sync="pageData" :isLoaded.sync="isLoaded" v-on:afterLoaded="afterLoaded($event)">
			<block>
				<view>当前营业日期:{{ getToday() }}</view>
			</block>

			<template #li>
				<view class="item"></view>
			</template>
		</li-statistics>
	</view>
</template>

<script>
import date from '@/utils/date';
import liStatisticsMixin from '../../../mixins/liStatisticsMixin';
import { GetFoodCouponList } from '../../../common/modules/report';

export default {
	mixins: [liStatisticsMixin],
	data: function () {
		return {
			navTitle: '实时营业情况',
			fn: GetFoodCouponList,
			param: {}
		};
	},
	methods: {
		getToday() {
			return date.getToday();
		},
		afterLoaded(e) {}
	}
};
</script>

<style lang="scss" scoped>
.item {
	border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20rpx;
	background-color: #fff;
}

.charts-box {
	width: 100%;
	height: 300px;
}

.sub-title {
	font-size: 18px;
	font-weight: bold;
	margin: 8px 0;
}
</style>
